.content{
    width: 100%;
    $top:30px;
//  banner
    .banner{
        width: 100%;
        height: 600px;
        overflow: hidden;
        .banner_warp{
            width: 1920px;
            height: inherit;
            position: relative;
            left: 50%;
            margin-left: -960px;
            .bd li{
                width: 1920px;
                height: 600px;
                position: absolute;
                left: 0;
                top: 0;
                display: none;
                &.on{
                    display: block;
                }
            }
            .hd{
                height: 12px;
                width: 100%;
                text-align: center;
                position: absolute;
                bottom: 66px;
                font-size: 0;
                cursor: pointer;
                li{
                    width: 60px;
                    height: 12px;
                    display: inline-block;
                    background: #999999;
                    margin: 0 25px;
                    &.on{
                        background: #cc0000;
                    }
                }
            }
            .prev{
                width: 84px;
                height: 73px;
                position: absolute;
                background: url(../images/index/prev.png) no-repeat;
                display: block;
                left: 300px;
                top: 50%;
                margin-top: -36px;
                 cursor: pointer;
            }
            .next{
                 cursor: pointer;
                width: 84px;
                height: 73px;
                position: absolute;
                background: url(../images/index/next.png) no-repeat;
                display: block;
                right: 300px;
                top: 50%;
                margin-top: -36px;
            }
        }
    }
       //you hui
    .discount_coupon{
        
        margin-top: $top;
        display: flex;
        justify-content: flex-end;
       padding:30px 0;
        background: #cccccc;
        h2{
            color:#cc0000;
            font-size: 48px;
            margin-right: 36px;
        }
        ul{
            margin-right: 3px;
            width: 938px;
            
            display: flex;
            justify-content: space-between;
            li{
                
                width: 200px;
                height: 90px;
                
                background: #cc0000;
                a{
                    cursor: pointer;
                    color: #FFFFFF;
                    display: block;
                    div:first-child{
                        border-right: 1px solid #FFFFFF;
                        margin-top: 5px;
                        padding:0 3px 0 6px;
                        float: left;
                        height: 80px;
                       font-size: 30px;
                       text-align: center;
                       line-height: 80px;
                       b{
                           font-size: 48px;
                       }
                    }
                    div:nth-child(2){
                         margin-top: 5px;
                        padding: 0 6px 0px 4px;
                        float: right;
                        font-size: 14px;
                        color: #FFFFFF;
                        text-align: center;
                        
                        p:first-child{
                            padding: 4px 6px 8px 3px;
                            width: 65px;
                            border-bottom:1px solid #FFFFFF;
                        }
                        
                        p:nth-child(2)
                        {
                            padding-top:8px;
                        }
                    }
                }
                
                &:first-child{
                    a{
                        div:first-child{
                           b{
                               font-size: 40px;
                               
                           }
                        }
                        div:nth-child(2){
                            padding:0 3px 0 3px;
                            p:first-child{
                                padding: 4px 0 8px 0;
                            }
                        }
                    }
                }
            }
        }
    }
    
   @mixin title{
            .title{
                
                height: 34px;
                color: #000000;
                h3{
                display: inline-block;
                font-size: 24px;
                font-family: "SimHei";
                
                }
                i{
                    font-family: "Latha";
                    font-size: 14px;
                    display: inline-block;
                    padding-top: 7px;
                   
                }
          }
        }
    
    //activity
    .activites{
            margin-top:$top;
           
            @include title;
            ul {
                width: 100%;
                height: 300px;
                li{
                    float: left;
                    width: 240px;
                    height:300px;
                     a img{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
    }
    //hot_stores
    .hot_stores{
        margin-top:$top;
         @include title;
        
        
        div:nth-child(2){
            display: flex;
            justify-content: space-between;
             .equipment{
             width:190px;
             height: 298px;
             background: url(../images/index/hot_store_img_07.jpg) no-repeat;
             font-size: 18px;
             text-align: center;
             color: #FFFFFF;
             h4{
                 margin-top: 34px;
                 margin-bottom: 20px;
             }
             img{
                 width: 157px;
                 height: 156px;
             }
             button{
                 border: 0;
                 cursor: pointer;
                 background: #ffffff;
                 width: 172px;
                 color: #cc0000;
                 height: 20px;
                 border-radius: 9px;
                 position: relative;
                 bottom: 9px;
                 margin-bottom: 4px;
                 
             }
             b{
                 display:inline-block;
                 margin-right: 28px;
             }
         } 
         
         ul{
             margin-top: 2px;
             display: flex;
             justify-content: space-between;
             flex-wrap: wrap;
             width: 802px;
             height: 298px;
             li{
                 width: 128px;
                 height: 69px;
                 border: 1px solid #b4b4b4;
                 text-align: center;
                
             }
         }
        }
    
    }
    //titles
    @mixin titles{
        
            height: 60px;
            width: 100%;
            font-size: 24px;
            color: #FFFFFF;
            line-height: 60px;
            position: relative;
            h3{
                display: inline-block;
            }
            h3:first-child{
                margin: 0 10px 0 26px;
                
            }
            span{
                position: absolute;
                top:0px;
                left: 0px;
                display: inline-block;
                width: 28px;
                height: 28px;
                border:{
                    left:1px solid #fff;
                    top:1px solid #fff;
                }
            }
            i{
                width: 30px;
                height:1px;
                position: absolute;
                top:12px;
                left: -2px;
                display: inline-block;
                background:#333300;
                transform:rotate(-45deg);
                -ms-transform:rotate(-45deg); 
                -moz-transform:rotate(-45deg);
                -webkit-transform:rotate(-45deg); 
                -o-transform:rotate(-45deg);
               
            }
        
        
        
    }
    
    //left
    @mixin lefts{
        .bg{
            width: 190px;
            height: 278px;
            padding-top: 20px;
            text-align: center;
            color:#cc0000;
            background: url(../images/index/storeAll_img_10.jpg) no-repeat;
            h3{
                font-size: 24px;
            }
            h4{
                font-size: 18px;
                font-family: "Kokila";
            }
            img{
                margin-top: 33px;
                margin-left: 10px;
            }
        }
        p{
            height: 25px;
            width: 190px;
            text-align: center;
            line-height: 25px;
            color:#cc0000 ;
        }
        span{
            width: 13px;
            height: 13px;
            display:inline-block;
            float: left;
            background: #000000;
            
        }
        .bottom{
            width: 177px;
            height:73px;
            padding-top: 24px;
            display: inline-block;
            float: left;
            text-align: center;
             color: #ffffff;
             h4{
                 font-size: 18px;          
             }
             b{
                
                 font-size: 14px;
                 
             }
        }
    }
    //ul
    @mixin uls{
          ul{
                    margin-top: 10px;
                   display: flex;
                   justify-content: space-between;
                   flex-wrap: wrap;
                    width: 662px;
                    height: 410px;
                    li{
                        text-align: center;
                        
                        width: 218px;
                        height: 204px;
                        
                        border:{
                            left: 1px dashed #999999;
                            right: 1px dashed #999999;
                            bottom: 1px dashed #999999;
                        }
                        h3,span{
                            font-size: 18px;
                            
                        }
                        h3,h4{
                            font-family:"SimHei";
                        }
                        h4{
                             font-size: 14px;
                        }
                        h3{
                            color:#330000;
                            margin: 7px 0 8px 0;
                            
                        }
                        h4{
                            color: #666600;
                        }
                        span{
                            color: #cc0000;
                        }
                        a{
                            margin-top: 20px;
                            display: block;
                        }
                       
                        &:first-child,&:nth-child(4){
                            border-left: 2px dashed #999999;
                        }
                        &:nth-child(4), &:nth-child(5), &:nth-child(6){
                            border-bottom: 0px;
                            border-top: 1px dashed #999999;
                        }
                        &:nth-child(3),&:nth-child(6){
                            border-right: 2px dashed #999999;
                        }
                    }
                }
    }
    
    
        //ols
           @mixin ols{
               ol{
                   width:335px;
                   height: 420px;
                   li{
                       padding-top: 30px;
                       padding-left: 28px;
                       width: 304px;
                       height: 102px;
                      
                       border:{
                           
                           right: 2px dashed  #999999;
                           bottom: 2px dashed  #999999;
                       }
                       
                       h3,span{
                            font-size: 18px;
                            
                        }
                        h3,h4{
                            font-family:"SimHei";
                        }
                        h4{
                             font-size: 14px;
                        }
                        h3{
                            color:#330000;
                            margin-bottom:8px;
                           
                        }
                        h4{
                            color: #666600;
                        }
                        span{
                            color: #cc0000;
                        }
                        a{
                            position: relative;
                            bottom: 70px;
                            float: right;
                            margin-top: 20px;
                            display: inline-block;
                            margin-right:24px ;
                        }
                       
                       &:last-child{
                           border-bottom: 0px;
                       }
                       &:nth-child(2)
                       {
                           height: 128px;
                       }
                       &:nth-child(3)
                       {
                           height: 92px;
                       }
                   }
                   
               }
           }
           
           @mixin banners{
               width: 1200px;
               height: 200px;
               
           }
    //new_store
    .new_store{
        margin-top: $top;
        .titles{
         @include titles;
          background:#666600;
        }
         .main{
             margin-top:10px;
             width: 100%;
             height: 420px;
             display: flex;
             justify-content: space-between;
                .left{
                    @include lefts;
                      
                      p{
                          background: #666600;
                      }
                      .bottom{
                          background: #333300;
                      }
                }
                    @include uls;
                    ul{
                        li{
                                   &:nth-child(2) a{
                                    position: relative;
                                    top:6px;
                                }
                                 &:nth-child(3) a{
                                    position: relative;
                                    top:13px;
                                }
                                &:nth-child(4) a{
                                    position: relative;
                                    top:16px;
                                }
                                &:nth-child(5) a{
                                    position: relative;
                                    top:20px;
                                }
                            
                        }
                    }
                    @include ols;
                    ol{
                        li{
                            &:nth-child(2){
                                h3,h4,span{
                                    position: relative;
                                    top:-20px;
                                }
                                a{
                                    position: relative;
                                    bottom:60px;
                                }
                            }
                            &:nth-child(3){
                                h3,h4,span{
                                    position: relative;
                                    top:-20px;
                                }
                                a{
                                    position: relative;
                                    bottom:70px;
                                }
                            }
                        }
                    }
  
         }
         
          .banner_position{
                        margin: 20px 0;
                        @include banners;
                    }
    }
    
    //hot_commodity
      .hot_commodity{
          .titles{
            @include titles;
            i{
                background: #ff6600;
            }
          background:#ff9933;
        }
        .main{
             margin-top:10px;
             width: 100%;
             height: 420px;
             display: flex;
             justify-content: space-between;
                .left{
                    @include lefts;
                      
                      p{
                          background: #ff9933;
                      }
                      .bottom{
                          background: #ff6600;
                      }
                }
                
                    @include uls;
                    ul li{
                       a {
                           margin-top: 14px;
                       }
                    }
                    @include ols;
                    ol {
                       li{
                           padding-left: 52px;
                           width:280px ;
                           a{
                               margin-right: 55px;
                           }
                           &:first-child a{
                               bottom: 88px;
                           }
                           &:nth-child(2) a{
                               bottom: 100px;
                               img{
                                   
                                   height: 137px;
                               }
                           }
                            &:nth-child(3) a{
                               bottom: 128px;
                                
                           }
                       } 
                    }
  
            }
           .banner_position{
                        margin: 20px 0;
                        @include banners;
                    }
      }
      
      //recommend_commodity
      .recommend_commodity{
         .titles{
            @include titles;
            i{
                background: #009999;
            }
          background:#00cccc;
        }
        .main{
             margin-top:10px;
             width: 100%;
             height: 420px;
             display: flex;
             justify-content: space-between;
                .left{
                    @include lefts;
                      .bg{
                          img{
                              position: relative;
                              bottom:36px;
                          }
                      }
                      
                      
                      p{
                          background: #00cccc;
                      }
                      .bottom{
                          background: #009999;
                      }
                }
                
                    @include uls;
                    ul{
                        li{
                                h3{
                                     margin-bottom: 0px;     
                                }
                                
                            a {
                           margin-top: 0px;
                             }
                         
                        }
                       
                    }
                    @include ols;
                    ol {
                       li{
                           padding-left: 52px;
                           width:280px;
                           h3{
                                     margin-bottom: 0px;     
                                }
                           a{
                               margin-right: 70px;
                           }
                           &:first-child a{
                               bottom: 77px;
                           }
                           
                           &:nth-child(2) h3,&:nth-child(2) span{
                               position: relative;
                               top: 26px;
                           }
                           &:nth-child(2) a{
                               bottom: 85px;
                              
                           }
                            &:nth-child(3) a{
                               bottom: 100px;
                              
                           }
                           &:nth-child(3){
                               position: relative;
                               h3{
                                   position: absolute;
                               }
                               span{
                                   position: relative;
                                   top:22px
                               }
                           }
                       } 
                    }
  
            }
           .banner_position{
                        margin: 20px 0;
                        @include banners;
                    }
        
      }
      
//    decrepitate_commodity
        .decrepitate_commodity{
            .titles{
            @include titles;
            i{
                background: #0033cc;
              }
            background:#3366ff;
            }
            
            .main{
             margin-top:10px;
             width: 100%;
             height: 420px;
             display: flex;
             justify-content: space-between;
                .left{
                    @include lefts;
                      p{
                          background: #3366ff;
                      }
                      .bottom{
                          background: #0033cc;
                      }
                }
                
                    @include uls;
                    ul{
                        li{
                                h3{
                                     margin-bottom: 0px;     
                                }
                                
                            a {
                           margin-top: 5px;
                             }
                         
                        }
                       
                    }
                    @include ols;
                    ol {
                       li{
                           padding-left: 0px;
                            width: 332px;
                           h3,span{
                               margin-bottom: 0px;
                               position: relative;
                               top:14px;
                           }
                           a{
                               margin: 0px;
                           }
                           
                           
                           &:first-child{
                               position: relative;
                               a{
                                   position: relative;
                                   left: -15px;
                                    top:-48px;
                               }
                           }
                           &:first-child{
                               position: relative;
                               a{
                                   position: relative;
                                   margin-right:42px ;
                                    top:-48px;
                               }
                           }
                            &:nth-child(2){
                               position: relative;
                               a{
                                   position: relative;
                                   margin-right:26px;
                                    top:-37px;
                               }
                           }
                           &:nth-child(3){
                               position: relative;
                               a{
                                   position: relative;
                                   margin-right:23px;
                                   top:-47px;
                               }
                           }
                       } 
                    }
  
            }
           .banner_position{
                        margin: 20px 0;
                        @include banners;
                    }
        
            
        }
      
//    walk
      .walk{
          @include title;
          margin-bottom: 87px;
          ul{
              width: 1198px;
              margin-top: 28px;
              display:flex;
                justify-content:space-between;
                flex-wrap: wrap;
              li{
                  width: 238px;
                  height: 220px;
                  
                  border: 1px dashed #999999;
                  text-align: center;
                  
                  h4,span{
                      font-size: 18px;
                  }
                  h4{
                      font-family: "SimHei";
                  }
                  span{
                      color: #cc0000;
                  }
                  &:first-child,&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5)
                  {
                      border-top: 2px dashed #999999;
                  }
                 &:nth-child(6),&:nth-child(7),&:nth-child(8),&:nth-child(9),&:nth-child(10)
                  {
                      height: 280px;
                      border-bottom: 2px dashed #999999;
                  }
                   &:first-child,&:nth-child(6)
                   {
                       border-left: 0px;
                   }
                    &:nth-child(5),&:nth-child(10)
                   {
                       border-right: 0px;
                   }
                   &:first-child a img{
                       margin-top: 48px;
                   }
                    &:nth-child(2) a img{
                       margin-top: 42px;
                   }
                    &:nth-child(3) a img,&:nth-child(4) a img,&:nth-child(5) a img{
                       margin-top: 25px;
                   }
                    &:nth-child(6) a img, &:nth-child(7) a img,&:nth-child(10) a img{
                       margin-top: 54px;
                   }
                    &:nth-child(8) a img, &:nth-child(9) a img{
                       margin-top: 64px;
                   }
              }
          }
      }

}
